<template>
    <div class="album clearfix">
       <ul>
           <li>
               <img src="../../assets/meirong1.jpg" alt="">
               <p>上海傲诺拉手术技术论坛今日在上 海时光国际大酒店礼堂隆重举行</p>
           </li>
           <li>
               <img src="../../assets/meirong1.jpg" alt="">
               <p>上海傲诺拉手术技术论坛今日在上 海时光国际大酒店礼堂隆重举行</p>
           </li>
           <li>
               <img src="../../assets/meirong1.jpg" alt="">
               <p>上海傲诺拉手术技术论坛今日在上 海时光国际大酒店礼堂隆重举行</p>
           </li>
           <li>
               <img src="../../assets/meirong1.jpg" alt="">
               <p>上海傲诺拉手术技术论坛今日在上 海时光国际大酒店礼堂隆重举行</p>
           </li>
       </ul>
    </div>
</template>

<script>
    export default {
        name: "Album"
    }
</script>

<style scoped lang="less">
    .album{
        margin-bottom: 20px;
        ul{
            >:last-child{
                margin-right: 0;
            }
            li{
                width: 210px;
                float: left;
                margin-right: 16px;
            }
            li:hover{
                cursor: pointer;
            }
        }
        img{
            width: 208px;
            height: 148px;
        }
        p{
            font-size: 14px;
            color: #999999;
            height: 41px;
            overflow: hidden;
        }
    }
</style>